button {
    border: .2em solid var(--color-theme);
    background-color: transparent;
    color: var(--color-theme);
    padding: .3em 1em;
    letter-spacing: .1em;
    font-weight: 500;
    white-space: nowrap;
    border-radius: .5em;
    transition: all .3s;
    margin: 0 .2em;
    user-select: none;
    cursor: pointer;
  }button[disabled] {
    border: .2em solid var(--color-text-third);
    color: var(--color-text-third);
  }
  
  button[disabled]:hover {
    color: red;
    border: .2em solid red;
    animation: shake .5s;
  }
  
  button[danger] {
    color: red;
    border: .2em solid red;
  }
  
  button[danger]:hover {
    color: var(--color-text-light-first);
    background-color: red;
  }
  
  button:not([disabled]):not([danger]):hover {
    background-color: var(--color-theme);
    color: var(--color-text-light-first);
  }
  
  